<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>品牌管理</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/zTreeStyle/demo.css" type="text/css">
    <link rel="stylesheet" href="__STATIC__/zTreeStyle/zTreeStyle.css" type="text/css">
     <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/sc/js/page.js"></script>
    <style>
        .alerts{display:none;position:fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
       .alerts .alerts_content{background:#fff;position: fixed;top: 50%;left: 50%; width: 700px;min-height: 500px;margin: -220px 0 0 -350px;padding:5px;border:4px solid #ccc/* margin 负值为宽高的一半 */}
        .wait{ display:none;background:#f4f4f5;position: fixed;top: 50%;left: 50%; width: 700px;min-height: 250px;margin: -220px 0 0 -350px;padding:5px;border:4px solid #ccc/* margin 负值为宽高的一半 */}
       .alerts .alerts_content h3{font-weight: normal;text-align:left;line-height: 24px;font-size: 16px;padding-left: 1%;width: 99%;margin-bottom:30px;background: #d0e0e0}
       .alerts .alerts_content .alerts_form{
        width:100%;
       }
         .alert_addNewZone_tree{display:none;position:fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
       .alert_addNewZone_tree .alert_addNewZone_content_tree{background:#fff;position: fixed;top: 50%;left: 50%; width: 500px;height: 300px;margin: -150px 0 0 -250px;border:4px solid #ccc;box-sizing: border-box;overflow: hidden;/* margin 负值为宽高的一半 */}
       .alert_addNewZone_tree .alert_addNewZone_content_tree h3{font-weight: normal;text-align:left;line-height: 24px;font-size: 16px;padding-left: 1%;width: 100%;background: #d0e0e0}
       .alert_addNewZone .alert_addNewZone_content .alert_addNewZone_form{
        width:100%;
       }
       .alert_addNewZone_tree .alert_addNewZone_content_tree .alert_addNewZone_form_tree{
        height: 280px;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
       }
       .alerts .alerts_content .alerts_form form{width: 100%;}
       .alerts .alerts_content .alerts_form form div{margin-bottom:30px;width: 100%;text-align: center;}
       .alerts .alerts_content .alerts_form form div label{display:inline-block;width: 130px;text-align: right;}
       .alerts .alerts_content .alerts_form form div:nth-of-type(1) input{margin-right: 28px;}
        .mtp{margin-top:3px;}
        .no-padding{padding: 0;}
        #gopage{color:blue;cursor: pointer;}
        #firstpage{cursor: pointer;}


           .alert_addNewZone_tree{display:none;position:fixed;top:0;left:0;width: 100%;height: 100%;background: rgb(255,255,255,0.7);z-index: 200}
       .alert_addNewZone_tree .alert_addNewZone_content_tree{background:#fff;position: fixed;top: 50%;left: 50%; width: 500px;height: 350px;margin: -150px 0 0 -250px;border:4px solid #ccc;box-sizing:border-box;overflow: hidden;/* margin 负值为宽高的一半 */}
       .wait,.waits{background:#f4f4f5;position: fixed;top: 50%;left: 50%; width: 500px;height: 300px;margin: -150px 0 0 -250px;padding:5px;border:4px solid #ccc/* margin 负值为宽高的一半 */}
       .alert_addNewZone_tree .alert_addNewZone_content_tree h3{font-weight: normal;text-align:left;line-height: 24px;font-size: 16px;padding-left: 1%;width: 100%;background: #d0e0e0}
    </style>
</head>

<body class="white-bg" style="color:#333;padding:3px;">
    <div class="page-heade">
       <h2 class="title_color text-center">角色组管理</h2>
    </div>
        <div class="col-md-12 mtp no-padding">
			
			
				<table class="table table-bordered" style="width: 100%;">
					<tbody>
						<tr>
							<td colspan="4">
								<input type="button" value="新增" id="new_role" class="btn btn-sm btn-primary add"/> 
                                
                                <input type="button" value="回收站" class="btn btn-sm btn-primary huishou" style="float: right;margin-right: 20px" /> 
	            				
							</td>
						</tr>
						<form action="#" method="post" id="form_check" class="formpage">
                             <input type="hidden" value='{$page}' name="page" id="page-go"/>
                            <input type="hidden" value='{$list}' name="list" id="list-go"/>
                            <tr>
                                <td class="text-right">
                                    角色组名:
                                </td>
                                <td>
                                    <input type="text" class="form-control" name="group_name" value="{$data.group_name}" style="width: 160px" />
                                </td>
                                <td class="text-right">
                                    包含角色:
                                </td>
                                <td>
                                   <input type="text" class="form-control" name="role_name" value="{$data.role_name}" style="width: 160px"/>
                                </td>
                                
                            </tr>
                    
                            <tr>
                                <td colspan="4" class='text-center'>
                                    <input type="button" value="查询" class='btn btn-sm btn-info' id="check"/>
                                    <input type="button" value="清空查询条件" class='btn btn-sm btn-info' id="clear_check"/>
                                    <input type="button" value="导出Excel" class='btn btn-sm btn-info' id="dc"/>
                                    
                                </td>
                            </tr>
                        </form>
					</tbody>
				</table>
				{if condition="$sum neq 0"}
				<table class="table table-striped table-bordered table-hover bud_hei text-center" style="width: 100%;">
					<thead>
						<tr class='info'>
							<td style="width:5%;">序号</td>
							<td style="width:15%;">角色组名</td>
							<td style="width:35%;">包含角色</td>
							<td style="width:35%;">备注</td>
							
							<td style="width:10%;">操作</td>
						</tr>
						
					</thead>
					<tbody>

					   {volist name="rgarr" id="vo" key='j'}
                       <tr style="font-size:14px;">
						      <td style="width:5%;">{$j}</td>
                            <td style="width:15%;">{$vo.group_name}</td>
                            <td style="width:35%;">
                                {volist name="rolearr" id="vorg"}
                                    {if condition="$vo.id eq $vorg.group_id"}
                                    [{$vorg.role_name}]
                                    {/if}
                                {/volist}
                            </td>
                            <td style="width:35%;">{$vo.remark}</td>
                            
                            <td style="width:10%;" rgid='{$vo.id}'>
                                    <a href="javascript:;" class='updaterg'>修改</a>
                                    <a href="javascript:;" class='droprg'>删除</a>
                            </td>
                            </tr>
                        {/volist}
					</tbody>

				</table>
				 <h5 class="text-center" id="pagesc" style="font-size: 16px;font-weight: 500">
            			<script>
                            $(function(){
                                pageSC("pagesc",{$sum},{$page},{$maxpage})
                            })
                        </script>
                          	每页显示
					<select id="pagesize">
						<option value='10' {if condition="$list eq 10"}selected{/if}>10条</option>
						<option value='15'{if condition="$list eq 15"}selected{/if}>15条</option>
						<option value='20'{if condition="$list eq 20"}selected{/if}>20条</option>

					</select>
				</h5>
				{else/}
				<h3 class="text-center">对不起没有查询到符合条件的信息</h3>
				{/if}
        </div>


 <!--新增角色弹框-->
    <div class=" alerts" id="alert_addroleg">
        <div class="alerts_content animated fadeInUp">
            <h3><span id="isroleg">新增角色组</span><a style="float: right;margin-right: 10px;font-size: 16px" id="del_this3">&times;</a></h3>
            <div  class="alerts_form">
                <form id="newroleg">
                    <table class="table table-bordered">
                            <input type="hidden" value="0" id="add_up_roleg_id"/>
                            <tr>
                                <td class="text-right font-bold"  style="width:30%">角色组名称<span style="color: red">*</span>:</td>
                                <td style="width:70%"><input type="text" style="width:80%"  id="add_up_roleg_name" class="form-control" /></td>
                            </tr>
                            <tr>
                                <td class="text-right font-bold" >角色组合<span style="color: red">*</span>:</td>
                                <td>
                                    <span id="add_up_roleg_pid_kg"></span>
                                    <input type="hidden" id="add_up_roleg_pid" value=""/>
                                    <a href='javascript:;' id="add_roleg_choose">选择</a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right font-bold" >说明:</td>
                                <td colspan="3">
                                    <textarea id="add_up_roleg_remark" style="width:80%;height:200px;resize: none;" class="form-control"></textarea>
                                </td>
                                
                            </tr>
                    
                    </table>
                    <div class="row text-center">

            
                        
                        <input type="button" value="保存角色组" id="bcroleg" class="btn btn-primary btn-sm"/>
                       
                    </div>
                </form>
            </div>
        </div>
      </div>
        <!--新增角色弹框-->
        <!--树状弹框-->
        <div class="alert_addNewZone_tree">
            <div class="alert_addNewZone_content_tree animated fadeInUp">
                <h3><span id="txtree"></span><a style="float: right;margin-right: 10px;font-size: 16px" id="del_this1">&times;</a></h3>
                <div  class="alert_addNewZone_form_tree" id="fenqu_fzr">
                  <ul id="tree_em" class="ztree"></ul>
                   <div class="quedingbtn" style="position: absolute;right: 0;bottom: 10px;"><button class="btn btn-primary btn-sm" id="qd">确定</button></div>
                </div>
                
            </div>
            <div class="wait">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>正在处理，请稍后.....</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="spiner-example">
                            <div class="sk-spinner sk-spinner-chasing-dots">
                                <div class="sk-dot1"></div>
                                <div class="sk-dot2"></div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
         </div>
        <!--树状弹框-->
    <!-- 全局js -->
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
     <!-- Peity -->
    
    <script src="__STATIC__/layout/js/content.js?v=1.0.0"></script>
     <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
    
    <!-- ztree -->
    <script type="text/javascript" src="__STATIC__/zTreeStyle/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="__STATIC__/zTreeStyle/jquery.ztree.excheck.js"></script>
    <!--统计代码，可删除-->
	<script>
    $("#dc").click(function(){
        window.open("{:url('rgdc')}")
    })
    //删除
        $(".droprg").click(function(){
             var rgid=$(this).parent().attr("rgid");
            swal({
                            title: "提示",
                            text: "您真的要删除这个角色组么？",
                            type: "warning",
                            showCancelButton: true,
                            confirmButtonColor: "#FF3333",
                            confirmButtonText: "是的我要删除",
                            cancelButtonText: "取消",
                            closeOnConfirm: true
                        },
                        function (isConfirm) {
                            if (isConfirm) {
                           //alert(cid);
                            $.post("{:url('Role/droprg')}",{rgid:rgid},function(re){
                                //alert(re);
                                var data=JSON.parse(re)
                                if(data["state"]==1){
                                    alert("操作已成功")
                                        location.href='{:url("Role/managegroup")}';
                                   
                                }else{
                                    alert(data["msg"])
                                }
                            })
                        }
                        })
                           
        })
             //翻页
       
        $("#check").click(function(){
              $("#page-go").val(1);
              $(".formpage").submit();
        })
        $("#clear_check").click(function(){
            $("input[type='text']").val("");
            $("#page-go").val(1);
            $(".formpage").submit();
        })
        $(".huishou").click(function(){
            location.href="{:url('Role/huishougroup')}";
        })

        //新建角色弹框
    $(".add").click(function(){
        $("#add_up_roleg_id").val(0);
        $("#add_up_roleg_name").val("");
        $("#add_up_roleg_remark").val("");
        $("#add_up_roleg_pid_kg").html("");
        $("#add_up_roleg_pid").val("");
        $("#isroleg").html("新增角色组");
        $("#alert_addroleg").show();
    })
//修改角色组
$(".updaterg").click(function(){
   
        $("#add_up_roleg_name").val("");
        $("#add_up_roleg_remark").val("");
        $("#add_up_roleg_pid_kg").html("");
        $("#add_up_roleg_pid").val("");
        $("#add_up_roleg_id").val($(this).parent().attr("rgid"));
        $.post("{:url('Employees/getrolegroup_de')}",{rgid:$(this).parent().attr("rgid")},function(re){
            var data=JSON.parse(re);
            if(data.length>0){
                $("#add_up_roleg_name").val(data[0]["group_name"]);
                $("#add_up_roleg_remark").val(data[0]["remark"]);
                for(var i=0;i<data.length;i++){
                    var str="<span rid='"+data[i]["rid"]+"' style='background:#d0e0e0;border:1px solid #ccc;border-radius:5px;padding:2px 3px;margin-right:5px'>"+data[i]["role_name"]+"&nbsp;&nbsp;<span onclick='qxrg("+data[i]["rid"]+");' style='cursor:pointer;font-size:16px;'>x</span></span>";
                    $("#add_up_roleg_pid_kg").append(str);
                }
            }
        })
        /*$("#add_up_roleg_name").val("");
        $("#add_up_roleg_remark").val("");
        $("#add_up_roleg_pid_kg").html("");
        $("#add_up_roleg_pid").val("");*/
        $("#isroleg").html("编辑角色组");
        $("#alert_addroleg").show();
    
        
})

//关闭角色组
    $("#del_this3").click(function(){
        $("#add_up_roleg_id").val(0);
        $("#add_up_roleg_name").val("");
        $("#add_up_roleg_remark").val("");
        $("#add_up_roleg_pid_kg").html("");
        $("#add_up_roleg_pid").val("");
        $("#alert_addroleg").hide();
    })
     function qxrg(rid){
          $("#add_up_roleg_pid_kg span[rid='"+rid+"']").remove();
    }
 function disabledNode(e) {
            var zTree = $.fn.zTree.getZTreeObj("tree_em"),
            disabled = e.data.disabled,
            nodes = zTree.getSelectedNodes();
            if (nodes.length == 0) {
                alert("请先选择一个节点");
            }

            for (var i=0, l=nodes.length; i<l; i++) {
                zTree.setChkDisabled(nodes[i], disabled);
            }
        }
         //角色组树
         //设定
            var setting_rg = {
            check: {
                enable: true,
                chkboxType: { "Y": "", "N": "" }
            },
            data: {
                simpleData: {
                    enable: true
                }
            },
            callback:{
                onCheck: rgOnCheck
            }
        };
        function get_choose_other_role(){
        var other_dei=0;
        var other_de_arr=new Array();
        $("#add_up_roleg_pid_kg>span").each(function(){
            other_de_arr[other_dei]=$(this).attr("rid");
            other_dei++;
        })
        return other_de_arr.join(',');
    }
          //角色组树选择
        function rgOnCheck(event, treeId, treeNode) {
            if(treeNode.checked==true){
                    //$("#add_up_roleg_pid_kg").html("");
                    //$("#add_up_roleg_pid").val("");
                var flag=0;
                
                $("#add_up_roleg_pid_kg span").each(function(){
                    if(parseInt($(this).attr("rid"))==parseInt(treeNode.id)){
                        flag=1;
                    }   
                    
                })
                if(flag==0){
                    var str="<span rid='"+treeNode.id+"' style='background:#d0e0e0;border:1px solid #ccc;border-radius:5px;padding:2px 3px;margin-right:5px'>"+treeNode.name+"&nbsp;&nbsp;<span onclick='qxrg("+treeNode.id+");' style='cursor:pointer;font-size:16px'>x</span></span>";
                    $("#add_up_roleg_pid_kg").append(str);
                }
                
                
            }else{
                $("#add_up_roleg_pid_kg span[rid='"+treeNode.id+"']").remove();
            }
        }
 
        $("#add_roleg_choose").click(function(){
            $(".alert_addNewZone_tree").show();
                $("#txtree").html("角色列表");
                $("#fenqu_fzr").hide();
                $(".wait").show();
                var rids=get_choose_other_role();
                
               $.post("{:url('Employees/getallrole')}",{rids:rids},function(re){
                //alert(re);
                
                    var data_ode=JSON.parse(re);
                    
                    $("#fenqu_fzr").show();
                    $(".wait").hide();
                    $.fn.zTree.init($("#tree_em"), setting_rg, data_ode);
                    $("#disabledTrue").bind("click", {disabled: true}, disabledNode);
                    $("#disabledFalse").bind("click", {disabled: false}, disabledNode);
               })
        })
     //关闭树
        
        $("#del_this1").click(function(){
             
            $(".alert_addNewZone_tree").hide();
        })
        $("#qd").click(function(){
            
            $(".alert_addNewZone_tree").hide();
        })

        //保存角色组
    var regex_roleg_name=/^[a-zA-Z0-9\u4e00-\u9fa5]{1,20}$/;
    $("#bcroleg").click(function(){
        var msg="";
        var rids=get_choose_other_role();
        //alert(rids);
        if($("#add_up_roleg_name").val()==""){
            msg="角色组名不能为空";
        }else if(!regex_roleg_name.test($("#add_up_roleg_name").val())){
            msg="角色组名为字母，数字,中文组成且长度不超过20";
        }else if(rids==""){
            msg="至少一个角色";
        }
        if(msg!=""){
            swal({
                        title: "提示",
                        text: msg,
                        type: "warning"
                    });
        }else{
            
                $.ajax({
                    type: "POST",
                    url: "{:url('Employees/role_group_edit')}",
                    async: false,
                    data: "id="+$("#add_up_roleg_id").val()+"&group_name="+$("#add_up_roleg_name").val()+"&remark="+$("#add_up_roleg_remark").val()+"&rids="+rids,
                    success: function(msg){
                        //alert(msg);
                            if(msg==1){
                                swal({
                                    title: "完成",
                                    text: "角色修改已完成",
                                    type: "success"
                                },function(){
                                  location.href='{:url("Role/managegroup")}';
                                });
                            }else{
                                var wrong_new_job="";
                                switch(msg){
                                    case 0:wrong_new_job="非法提交";break;
                                    case 5:wrong_new_job="至少分配一个角色";break;
                                    case 4:wrong_new_job="角色组名不能为空";break;
                                    case 3:wrong_new_job="角色组名已存在";break;
                                    default:wrong_new_job="系统繁忙，请稍后";break;
                                }
                                    swal({
                                        title: "错误",
                                        text: wrong_new_job,
                                        type: "warning"
                                    });

                            }
                    }
                });

        }
    })
	</script>
</body>

</html>
